nextSibling

注意事项

今天在使用nextSibling时定位不到，是使用

.nextSibling.nextSibling以为是不能连续用两次。各种找原因。

百度一下发现这货有坑。

<div id="div">

        <p id = "persion">我是persion</p>

        <span id="zoo">我是zoo</span>

</div>

通过  p标签定位到span 需要使用两次 nextSibling；

标签p和span没有在一行所有需要两次nextSibling;   这是因为换行符（空格等）被当做文本节点来处理，成为了p元素的下一个同胞元素。

 var span = document.getElementById('persion').nextSibling.nextSibling;

-------------------------------------分割线-------------------------------------------------

<div id="div">

        <p id = "persion">我是persion</p><span id="zoo">我是zoo</span>

</div>

通过  p标签定位到span 只需要使用1次 nextSibling；

标签p和span 在一行紧挨着，直接nextSibling就可以定位到。

var span = document.getElementById('persion').nextSibling ;

--------------------------------------------------------------------------------------------

一直根深蒂固的认为在页面中 

（<div id="div">

        <p id = "persion">我是persion</p>

        <span id="zoo">我是zoo</span>

</div>）

和

（<div id="div">

        <p id = "persion">我是persion</p><span id="zoo">我是zoo</span>

</div>）不会对代码有影响。这次彻底刷新了认识。